.vk-skin {
  --el-switch-off-color: var(--el-color-primary); /* 项目配置明暗主题选中背景色 */
}

html {
  &.light {
    body {
      /* 顶栏白背景时样式控制 */
      &[data-header-theme*='light'] {
        .vk-header {
          --el-logo-img-color: var(--el-color-primary); /* logo图片文本色 */
          --el-logo-title-color: var(--el-color-primary); /* logo文字文本色 */
        }
      }

      /* 顶栏非白背景时样式控制 */
      &:not([data-header-theme*='light']) {
        .vk-header {
          --el-logo-img-color: var(--el-color-white); /* logo图片文本色 */
          --el-logo-title-color: var(--el-color-white); /* logo文字文本色 */
        }
      }

      /* 菜单栏白背景时样式控制 */
      &[data-menu-theme*='light'] {
        .vk-layout-sidebar__wrap {
          --el-logo-img-color: var(--el-color-primary); /* logo图片文本色 */
          --el-logo-title-color: var(--el-color-primary); /* logo文字文本色 */
        }

        .vk-collapse-button {
          --el-sidebar-fold-button-bg-color: var(--el-color-white); /* 侧边栏底部折叠按钮背景色 */
          --el-sidebar-fold-button-text-color: var(--el-text-color-regular); /* 侧边栏底部折叠按钮文本色 */
        }
      }

      /* 菜单栏白背景时样式控制 */
      &[data-menu-theme*='_light_'] {
        .vk-collapse-button {
          --el-sidebar-fold-button-bg-color: transparent; /* 侧边栏底部折叠按钮背景色 */
          --el-sidebar-fold-button-text-color: var(--el-text-color-regular); /* 侧边栏底部折叠按钮文本色 */
        }
      }

      /* 菜单栏非白背景时样式控制 */
      &:not([data-menu-theme*='light']) {
        .vk-layout-sidebar__wrap {
          --el-logo-img-color: var(--el-color-white); /* logo图片文本色 */
          --el-logo-title-color: var(--el-color-white); /* logo文字文本色 */
        }

        .vk-layout-vertical__column {
          .vk-layout-sidebar__wrap {
            --el-logo-title-color: var(--el-color-primary); /* logo文字文本色 */
          }
        }

        .vk-collapse-button {
          --el-sidebar-fold-button-bg-color: rgba(255, 255, 255, 0.05); /* 侧边栏底部折叠按钮背景色 */
          --el-sidebar-fold-button-text-color: rgba(255, 255, 255, 0.65); /* 侧边栏底部折叠按钮文本色 */
        }
      }
    }
  }

  &.dark {
    body {
      .vk-header,
      .vk-layout-sidebar__wrap {
        --el-logo-img-color: var(--el-color-white); /* logo图片文本色 */
        --el-logo-title-color: var(--el-color-white); /* logo文字文本色 */
      }

      .vk-collapse-button {
        --el-sidebar-fold-button-bg-color: rgba(255, 255, 255, 0.05); /* 侧边栏底部折叠按钮背景色 */
        --el-sidebar-fold-button-text-color: rgba(255, 255, 255, 0.65); /* 侧边栏底部折叠按钮文本色 */
      }
    }
  }
}
